//created by: Justina Lee

Ext.define("MajorProjectSenchaTouch.view.BookMarkedModule.BookMarkedInfo", {
    extend: 'Ext.Panel',
    xtype: 'bookmarkedInfoPage',
    id: 'bmInfoPage',
    config: {
        modal: true,
        hideOnMaskTap: true,
        centered: true,
        scrollable: true,
        layout:{
            type: 'vbox',
            fullscreen: true
        },
        items:[
        {
            xtype: 'toolbar',
            docked: 'top',
            cls: 'infoToolBar',
            title: 'Info: Book-Marked!',
            layout:{
              pack: 'right'
            },
            items:[
                {
                    xtype: 'button', 
                    id: 'closeBtn',
                    ui: 'plain',
                    iconCls:'delete_black2',
                    iconMask: true,
                    pressedCls: null
                }
            ]
            
        },
        {
            html: '<article class="wrapper">'+
                        '<header class="titleHeader"><h3>Book-Marked!</h3></header>'+
                            '<section class="contentDescription">'+
                            '<table>'+
                                '<tr><th><div class="addBookMarkedIcon"></div></th><th class="infoContent"><h4>'+ MajorProjectSenchaTouch.app.bookmarkedAddInfo +'</h4></th></tr>'+
                                '<tr><th><div class="removeBookMarkedIcon"></div></th><th class="infoContent"><h4>'+ MajorProjectSenchaTouch.app.bookmarkedRemoveInfo +'</h4></th></tr>'+
                                '<tr><th><div class="locatorIcon"></div></th><th class="infoContent"><h4>'+ MajorProjectSenchaTouch.app.locatorInfo +'</h4></th></tr>'+
                            '</table>'+
                            '</section>'+
                    '</article>'          
        } 
        ]
    }
});